<template>
	<view class="container">
		<div class="make-an-appointment">
			<view class="header-title">
				<view class="h-title">选择分院</view>
				<view class="span-title">
					<view class="left-box">当前城市：北京</view>
					<view class="right-box">
						<span>切换城市</span>
						<view style="margin-top: 3rpx;"><u-icon name="arrow-right" color="#2979ff" size="12"></u-icon>
						</view>
					</view>
				</view>
			</view>
			<view class="list-content">
				<view class="content-box" v-for='i in 10' :key='i' @click="branchCourtListClick">
					<view class="img-box">
						<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
					</view>
					<view class="right-content-box">
						<view class="h-title">大麦微针植发（北京分院）</view>
						<view class="time-text">营业时间 9:00PM-17:30PM</view>
						<view class="frequency-text">服务人次：10212</view>
						<view class="address-text">
							<text>北京市海淀区苏州街亿方大厦</text>
							<view style="margin-left: 20rpx;">
								<u-icon name="map" color="#2979ff" size="14"></u-icon>
							</view>
						</view>
					</view>
				</view>
			</view>
		</div>
	</view>
</template>

<script>
	export default {
		name: 'MallCenter',
		data() {
			return {}
		},
		methods: {
			branchCourtListClick() {
				uni.navigateTo({
					url: '/pages-makeAnAppointmentCenter/BranchCourtList/index'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import 'index.scss'
</style>